.clearfix {
    clear: both;
}
.show {
    display: block;
}
.hide {
    display: none;
}
.pageBox {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    position: relative;
    &#bannerMain {
        width: 100%;
        height: 500px;
    }
    .pageSlide {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .control {
        position: absolute;
        width: 100%;
        height: 100%;
        
        .prevBtn,.nextBtn {
            z-index: 99;
            top: 200px;
            position: absolute;
            cursor: pointer;
        }
        .prevBtn {
            left: 20px;
        }
        .nextBtn {
            right: 20px;
        }
    }
    .pointList {
        position: absolute;
        bottom: 30px;
        left: 50%;
        z-index: 9999;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        li {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #fff;
            margin-right: 4px;
            float: left;
            cursor: pointer;
            &.active {
                background-color: #ff001a;
                width: 31px;
                border-radius: 10px 10px;
            }
        }
    }
    .bannerBottom {
        position: absolute;
        display: block;
        width: 100%;
        height: 34px;
        bottom: 0;
        z-index: 999;
        line-height: 34px;
        color: #fff;
        text-indent: 60px;
        font-size: 16px;
//      background: rgba(1,32,79,0.2);
    }
}